import React from "react";
import DemoComponent from "../../../src";

import Box from "@mui/material/Box";
import MoreVertIcon from "@mui/icons-material/MoreVert";

/**
 * 已用开发中组件，调试或展示
 */

const options = [
  "None",
  "Atria",
  "Callisto",
  "Dione",
  "Ganymede",
  "Hangouts Call",
  "Luna",
  "Oberon",
  "Phobos",
  "Pyxis",
  "Sedna",
  "Titania",
  "Triton",
  "Umbriel"
];

const DEMO = function () {
  const props = {
    title: "title",
    subTitle: "here is subTitle"
  };

  const menu1 = {
    text: "gaoge",
    menuOptions: options
  };

  const menu2 = {
    icon: <MoreVertIcon />,
    menuOptions: options
  };

  return (
    <>
      <Box sx={{ p: 2 }}>
        <DemoComponent {...props} menuModel={menu1} />
      </Box>
      <Box sx={{ p: 2 }}>
        <DemoComponent {...props} menuModel={menu2} />
      </Box>
    </>
  );
};

export default DEMO;
